<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page pageEncoding="UTF-8" %>

<!--姻缘簿-->

<div role="tabpanel" class="tab-pane active" id="sitt">
    <div class="check-div ·form-inline">
        <div class="col-xs-1">
            <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addCG">添加情侣</button>
        </div>

        <div class="col-xs-5">
            <input type="text" class=" form-control input-sm" placeholder="输入文字搜索"
                   style="	!height: 40px!important;">
            <button class="btn btn-white btn-xs ">查 询</button>
        </div>

        <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
            <label for="paixu">排序:&nbsp;</label>
            <select class=" form-control">
                <option>红娘Id</option>
                <option>情侣编号</option>
                <option>男方Id</option>
                <option>女方Id</option>

            </select>
        </div>
    </div>
    <div class="data-div">
        <div class="col-xs-5" style="background: #00BDEF;">
            <div class="tablebody" style="scrollbar: overflow-y;height: 100px;">

                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>


            </div>
        </div>

        <div class="col-xs-2" style="background: #E35583;height: 890px;">
            <div>

                <button style="margin-left: 30%;margin-top: 430px;width: 100px;background: #CD0A0A;height: 100px;">
                    配对
                </button>

            </div>
        </div>

        <div class="col-xs-5" style="background: #F4D03F;">
            <div class="tablebody" style="scrollbar: overflow-y;height: 100px;">

                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-2 ">小白</div>
                    <div class="col-xs-3 ">25</div>
                    <div class="col-xs-3">洛阳</div>
                    <div class="col-xs-2">8k</div>
                    <div class="col-xs-2">
                        <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeCGD">
                            修改
                        </button>
                    </div>
                </div>


            </div>

        </div>


        <!--
            作者：offline
            时间：2018-09-09
            描述：xaingmixinxi
        -->
        <div class="modal fade" id="changeCGD" role="dialog" aria-labelledby="gridSystemModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="gridSystemModalLabel">修改信息</h4>
                    </div>


                    <div class="modal-body">
                        <div class="container-fluid">
                            <div class="form-horizontal">

                                <div class="form-group col-xs-3 control-label">
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                    <p id="userName">*****</p>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
    </div>

</div>